<div class="row">
  <x-alert title="Successful tip" type="success" showIcon> </x-alert>
  <x-alert title="Message prompt" type="info" showIcon> </x-alert>
  <x-alert title="Wraning prompt" type="warning" showIcon> </x-alert>
  <x-alert title="Error message" type="error" showIcon> </x-alert>
</div>
